<template>
  <History ref="history" class="history" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
import History from '@/components/betTemplate/history.vue'

const history = ref()

const showOrHide = () => {
  history.value?.showOrHide?.()
}

defineExpose({
  showOrHide,
})
</script>

<style lang="less" scoped>
.history {
  :deep(.record-box-tbody) {
    .number {
      width: 18px !important;
      height: 18px !important;
    }

    .line {
      padding: 0 2px !important;
    }
  }
}
</style>
